<template>
    <div id="my">
      
    <!-- 头部 -->
    <header class="w100p bg-fff rel">
        <img src="@/assets/img/zx.png" alt="">
        <p id="isLogin" class="abs fff">立即登录</p>
    </header>
    <!-- 列表 -->
    <ul class="list bg-fff mt-5">
        <li class="item flex jc-sb aic pl-15 pr-10">
            <span>我的订单</span>
            <i class="iconfont icon-iconfontyoujiantou-copy-copy-copy-copy"></i>
        </li>
        <li class="item flex jc-sb aic pl-15 pr-10">
            <span>收藏</span>
            <i class="iconfont icon-iconfontyoujiantou-copy-copy-copy-copy"></i>
        </li>
        <li class="item flex jc-sb aic pl-15 pr-10">
            <span>足迹</span>
            <i class="iconfont icon-iconfontyoujiantou-copy-copy-copy-copy"></i>
        </li>
        <li class="item flex jc-sb aic pl-15 pr-10">
            <span>优惠券</span>
            <i class="iconfont icon-iconfontyoujiantou-copy-copy-copy-copy"></i>
        </li>
        <li class="item flex jc-sb aic pl-15 pr-10">
            <span>我的地址</span>
            <i class="iconfont icon-iconfontyoujiantou-copy-copy-copy-copy"></i>
        </li>
        <li class="item flex jc-sb aic pl-15 pr-10">
            <span>设置</span>
            <i class="iconfont icon-iconfontyoujiantou-copy-copy-copy-copy"></i>
        </li>
        <li id="isOut" class="item flex jc-sb aic pl-15 pr-10">
            <span>退出登录</span>
            <i class="iconfont icon-iconfontyoujiantou-copy-copy-copy-copy"></i>
        </li>
    </ul>

      <!-- 底部栏 -->
      <Footer/>
    </div>
  </template>
  
  <script>
  //底部栏
  import Footer from '@/components/Footer.vue';
  export default {
    components:{
      Footer,
    }
  }
  </script>
  
  <style lang="less">
  @import './center.less';
  </style>